<template>
  <view>
    <l-background />
    <view class="header relative">
      <image class="header-background" src="https://tbb-file.oss-cn-shenzhen.aliyuncs.com/tbb_admin_app/static/help.png" />
      <view class="header-content flex-row align-center relative">
        <view class="padding-left-28 flex-column">
          <text class="text-48 color-t1 text-bold margin-bottom-16">竭诚为您服务</text>
          <text class="text-24 color-t1 margin-bottom-40">人工服务时间：8:00-20:00</text>
          <tui-button width="254rpx" height="88rpx" open-type="contact" @click="open">
            <view class="flex-row flex-center">
              <text class="text-32">在线客服</text>
              <image class="icon block margin-left-10" src="https://tbb-file.oss-cn-shenzhen.aliyuncs.com/tbb_admin_app/icon/icon_arrow_double_b.png" />
            </view>
          </tui-button>
        </view>
      </view>
    </view>
    <view class="margin-top-16">
      <tui-list-cell arrow>
        <view class="flex-row list-item align-center justify-between" @click="cell">
          <text class="text-28 color-t1">联系我们</text>
          <text class="text-28 color-t3">{{ hotline }}</text>
        </view>
      </tui-list-cell>
      <tui-list-cell arrow @click="toPage(1)">
        <view class="flex-row list-item align-center">
          <text class="text-28 color-t1">服务协议</text>
        </view>
      </tui-list-cell>
      <tui-list-cell arrow  @click="toPage(2)">
        <view class="flex-row list-item align-center">
          <text class="text-28 color-t1">隐私政策</text>
        </view>
      </tui-list-cell>
	  <tui-list-cell arrow @click="toPage(3)">
	    <view class="flex-row list-item align-center">
	      <text class="text-28 color-t1">自律公约</text>
	    </view>
	  </tui-list-cell>
	  <tui-list-cell arrow unlined @click="toPage(4)">
	    <view class="flex-row list-item align-center">
	      <text class="text-28 color-t1">运费统一结算平台管理办法</text>
	    </view>
	  </tui-list-cell>
    </view>
  </view>
</template>

<script>
import {
	hotline
} from '@/common/config'
import { cellPhone } from '@/common/util'
export default {
  name: 'Help',
  data() {
    return {
	  hotline
    }
  },
  created() {
    // #ifdef APP-PLUS
    this.init()
    // #endif
  },
  methods: {
    init() {
      this.plug = uni.requireNativePlugin('UZK-MeiQiaSdk')
      this.plug.init(res => { console.log(JSON.stringify(res)) })
    },
    open() {
      // #ifdef APP-PLUS
      this.plug.open()
      // #endif
    },
    toPage(type) {
      this.jump('/passport/agreement/index?type=' + type)
    },
    cell() {
      cellPhone(this.phone)
    }
  }
}
</script>

<style scoped lang="scss">
@include setPadding(left,28);

.header-background{
  width:750rpx;
  height:468rpx;
  @include position(absolute,0,0);
  z-index:1;
}
.header-content{
  width:750rpx;
  height:468rpx;
  z-index:5;
}
.icon{
  width:16rpx;
  height:16rpx;
}
.list-item{
  height:40rpx;
}
</style>
